{% extends "monitor/storm_base.html" %}
{% load extended_filter %}

{% block storm_content %}
    {% for storm_id, topology_metrics in storm_metrics.items %}
        <h3><a href="/monitor/cluster/{{ cluster.id }}/topology/?topology_id={{ storm_id }}">{{ storm_id }}</a></h3>
        <p>
        {% for group_name, group_metrics in topology_metrics.items %}
            <h5>ComponentID : {{ group_name }}</h5>
            {% for group_metric in group_metrics %}
                <table class="table table-striped table-bordered">
                    <thead>
                    <tr>
                        {% for key in group_metric.key_set %}
                        <th>{{ key }}</th>
                        {% endfor %}
                    </tr>
                    </thead>
                    <tbody>
                    {% for value_set in group_metric.value_set %}
                        <tr>
                            {% for value in value_set %}
                            <td>{{ value }}</td>
                            {% endfor %}
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            {% endfor %}
            <hr>
        {% endfor %}
        </p>
    {% endfor %}

{% endblock %}
